<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no" />
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="../c/aui.css" />
	<link rel="stylesheet" type="text/css" href="../c/animate.css" />
	<style>
		html,
		body {
			background-color: transparent !important;
		}

		#t {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.8) !important;
		}

		#a {
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			background: rgba(255, 255, 255, 0);
			border-top-right-radius: 0.75rem;
			border-top-left-radius: 0.75rem;
		}

		.content {
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 2.5rem 0;
			text-align: center;
			padding-bottom: 0;
		}

		.content div {
			width: 50%;
		}

		.content img {
			width: 3rem;
			margin: 0 auto;
		}

		.content p {
			color: #fff;
			font-size: 0.75rem;
			padding-top: 0.35rem;
		}

		.x {}

		.x img {
			width: 3rem;
			padding: 1rem;
			margin: 0 auto;
			padding-bottom: 1.5rem;
		}

		.fadeInUp1 {
			animation-delay: 0.1s;
		}

		.fadeInUp2 {
			animation-delay: 0.2s;
		}

		.fadeInUp3 {
			animation-delay: 0.3s;
		}

		.bounceInUp {
			animation-duration: 0.5s;
			animation-fill-mode: both;
		}

		.t_by {
			animation-duration: 0.5s;
			animation-fill-mode: both;
			animation-name: t_by
		}

		@keyframes t_by {
			to {
				background: rgba(0, 0, 0, 0.8);
			}
			to {
				background: rgba(0, 0, 0, 0.0);
			}
		}
	</style>
</head>

<body>
	<div id="t" tapmode onclick="x()"></div>
	<div id="a" class="">
		<div class="content">
			<div class="bounceInUp fadeInUp1" tapmode onclick="a()"><img src="../i/fabu_video.png">
				<p>拍视频</p>
			</div>
			<div class="bounceInUp fadeInUp2" tapmode onclick="a(1)"><img src="../i/fabu_shangchuan.png">
				<p>选视频</p>
			</div>
			<div class="bounceInUp fadeInUp3" tapmode onclick="zhibo()"><img src="../i/fabu_zhibo.png">
				<p>开直播</p>
			</div>
		</div>
		<div class="content aui-margin-b-15">
			<div class="bounceInUp fadeInUp1" tapmode onclick="article()"><img src="../i/fabu_tuwen.png">
				<p>发图文</p>
			</div>
			<div class="bounceInUp fadeInUp2" tapmode onclick="article_video()"><img src="../i/fabu_shiping.png">
				<p>发视频</p>
			</div>
		</div>
		<div class="x bounceInUp fadeInUp3" tapmode onclick="x()"><img src="../i/x.png"></div>
	</div>
</body>

<script type="text/javascript" src="../j/api.js"></script>
<script type="text/javascript">
	apiready = function() {
		$api.fixTabBar($api.dom('.x'))
		api.parseTapmode();
		_config = _getPrefs('_config');
	};

	function x() {
		$('.bounceInUp').addClass('bounceOutDown');
		setTimeout(function() {
			$('#t').addClass('t_by');
		}, 500)
		$('.bounceInUp').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend',  function() {
			api.closeFrame();
		});
	}

	function a(b) {
		if (_getPrefs('index_video_loading')) {
			return _msg('正在处理上一个视频，请稍候发布！');
		}
		if (_getPrefs('_config').vip.fabu && !_getPrefs('_user').vip) {
			if (_getPrefs('_user').zuopin_num >= _getPrefs('_config').vip.fabu) {
				_suxiangw_msg({
					content: '发布视频次数已耗尽，加入VIP特权可无限发布！'
				});
				return;
			}
		}
		if (_getPrefs('_config').vip.fabu && !_getPrefs('_user').vip) {
			if (_getPrefs('_user').zuopin_num >= _getPrefs('_config').vip.fabu) {
				_suxiangw_msg({
					content: '发布视频次数已耗尽，加入VIP特权可无限发布！'
				});
				return;
			}
		}
		if (b) {
			api.getPicture({
				sourceType: 'album',
				mediaValue: 'video',
				destinationType: 'url'
			}, function(ret, err) {
				if (ret) {
					console.log(JSON.stringify(ret));

					if (ret.data) {
						return _svideo(ret.data);
					}
				} else {
					console.log(JSON.stringify(err));
				}
			});
		} else {
			_svideo();
		}
	}

	function zhibo() {
		if (_getPrefs('_config').config.app == 1) {
			return
		}
		if (_getPrefs('_config').vip.zhibo && !_getPrefs('_user').vip) {
			_suxiangw_msg({
				content: '加入VIP特权免费开直播！'
			});
			return;
		}
		_url({
			url: 'zhibo_add',
			title: '开直播',
			animation: true,
		});
	}

	function article() {
		// 选择图片
		var UIAlbumBrowser = api.require('UIAlbumBrowser');
		UIAlbumBrowser.open({
			type: 'image',
			max: 9,
			isOpenPreview: true,
			alertTitle:'最多选择9张',
			styles: {
				bg: '#323232',
				mark: {
					// icon: '',
					position: 'top_right',
					size: 20
				},
				nav: {                          //（可选项）JSON对象；导航栏样式
					 bg: '#403D3A',                 //（可选项）字符串类型；导航栏背景，支持 rgb，rgba，#；默认：'rgba(0,0,0,0.6)'
					 titleText:'',              //（可选项）字符串类型；标题 (仅支持安卓)
					 titleColor: '#fff',         //（可选项）字符串类型；标题文字颜色，支持 rgb，rgba，#；默认：'#fff'
					 titleSize: 18,              //（可选项）数字类型；标题文字大小，默认：18
					 cancelColor: '#fff',        //（可选项）字符串类型；取消按钮的文字颜色；支持 rgb，rgba，#；默认：'#fff'
					 cancelSize: 18,            //（可选项）数字类型；取消按钮的文字大小；默认：18
					 cancelText: '取消',             //（可选项）字符串类型；取消按钮文字内容；默认：'取消'
					 finishText: '完成',             //（可选项）字符串类型；完成按钮文字内容；默认：'完成'
					 finishColor: '#FFF',       //（可选项）字符串类型；完成按钮的文字颜色，支持 rgb，rgba，#；默认：'#fff'
					 finishWidth: 50,             //（可选项）数字类型；完成按钮的宽度；默认：50 (仅支持iOS)
					 unFinishColor: 'rgba(255,255,255,0.25)',          //（可选项）字符串类型；打开页面还未选择图片或视频的完成按钮的文字颜色，支持 rgb，rgba，#；默认：'rgba(64,224,208,0.25)'
					 finishSize: 18,           //（可选项）数字类型；完成按钮的文字大小；默认：16
					 numberSize: 20,           //（可选项）数字类型；数字显示的大小；默认：20  **仅支持iOS**
					 numberFontSize:14,        //（可选项）数字类型；数字显示文字的大小；默认：14    **仅支持iOS**
					 numberTextColor:'#fff',   //（可选项）字符串类型；数字显示的文字颜色，支持 rgb，rgba，#；默认：'#fff' **仅支持iOS**
					 numberBgColor:'#FE2C55',  //（可选项）字符串类型；数字显示的背景颜色，支持 rgb，rgba，#；默认：'#00FA9A' **仅支持iOS**
					 numberCorner:10,          //（可选项）字符串类型；数字显示的圆角度，#；默认：10 **仅支持iOS**
			 },
			 bottomTabBar: {          //（可选项）JSON对象；底部导航栏样式  **该项参数仅支持iOS**
		        bg: 'rgba(0,0,0,0.75)',  //（可选项）字符串类型；底部导航栏背景，支持 rgb，rgba，#；默认：'rgba(0,0,0,0.6)'
		        unPreviewTitleColor:'rgba(255,255,255,0.25)',//（可选项）字符串类型；打开页面还未选择图片或视频的预览的文字颜色，支持 rgb，rgba，#；默认：'rgba(0,0,0,0.25)'
		        previewTitleColor: '#fff',         //（可选项）字符串类型；选择图片或视频的预览的文字颜色，支持 rgb，rgba，#；默认：'#000000'
		         previewTitle:'预览',                  //（可选项）字符串类型；选择图片或视频的预览的文字；默认：'预览'
		        previewTitleSize: 15,                 //（可选项）数字类型；标题文字大小，默认：15
		    }
			},
			// exchange : true,
			// rotation : true
		}, function(ret) {
			if (ret.eventType == 'confirm') {
				// console.log(JSON.stringify(ret));
				_url({animation:true,images:ret.list},'article_member_add_win')
			}
		});
		// _url({animation:true},'article_member_add_win')
	}
	function article_video(){
		api.getPicture({
			sourceType : 'album',
			mediaValue : 'video',
			destinationType : 'url',
			encodingType:'jpg',
			quality : 40,
			targetWidth: 800,
			targetHeight: 800,
			videoQuality:'medium',
		}, function(ret, err) {
			if (ret) {
				console.log(JSON.stringify(ret));
				if(ret.data){
					_url({animation:true,video:ret.data},'article_member_add_win')
				}
			}
		});
	}
</script>

</html>
